<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>小米官网</title>
    <link rel="shortcut icon" href="favicon.ico">
    <link rel="stylesheet" type="text/css" href="css/base.css"/>
    <link rel="stylesheet" type="text/css" href="css/commont.css"/>
    <link rel="stylesheet" href="css/style.css">
</head>
<style>
    .actGotop {
        position: fixed;
        bottom: 50px;
        right: 50px;
        width: 150px;
        height: 195px;
        display: none;
        z-index: 100;
    }

    .actGotop a, .actGotop a:link {
        width: 150px;
        height: 195px;
        display: inline-block;
        background: url(images/gotop.png) no-repeat;
        outline: none;
    }

    .actGotop a:hover {
        width: 150px;
        height: 195px;
        background: url(images/gotop.gif) no-repeat;
        outline: none;
    }

    #mi-countdown{
        overflow: hidden;
        width: 234px;
        height: 339px;
        border-top: 1px solid red;
        background-color: #F1EDED;
        z-index: 99999999;
        float: left;
    }
    #mi-countdown p{
        margin-top: 35px;
        text-align: center;
        color: orangered;
        font-weight: 500;
        font-size: 25px;
    }
    #mi-countdown img{
        display: block;
        margin: 0 auto;
        margin-top: 30px;
        width: 34px;
        height: 53px;
    }
    #mi-countdown span{
        display: block;
        margin: 0 auto;
        width: 100px;
        margin-top: 30px;
        font-size: 16px;
        color: grey;
    }
    #mi-countdown section{
        width: 200px;
        height: 57px;
        margin: 0 auto;
        margin-top: 46px;
        display: flex;
        justify-content: space-around;
        align-items: center;
    }
    #mi-countdown section div{
        line-height: 50px;
        font-size: 17px;
        color: white;
        text-align: center;
        width: 50px;
        height: 50px;
        background-color: #605751;
    }
</style>

<body>
<div class="Total-box">
    <!-- 上方推广图 -->
    <div class="header-top">
        <div class="img-top box-cont"><img src="./images/header-top.PNG"></div>
    </div>
    <!-- 导航栏开始 -->
    <nav>
        <div class="box-cont">
            <ul class="fl-l">
                <li><a href="">小米商城</a></li>
                <li></li>
                <li><a href="">MIUI</a></li>
                <li></li>
                <li><a href="">IoT</a></li>
                <li></li>
                <li><a href="">云服务</a></li>
                <li></li>
                <li><a href="">天星数科</a></li>
                <li></li>
                <li><a href="">有品</a></li>
                <li></li>
                <li><a href="">小爱开放平台</a></li>
                <li></li>
                <li><a href="">企业团购</a></li>
                <li></li>
                <li><a href="">资质证照</a></li>
                <li></li>
                <li><a href="">协议规则</a></li>
                <li></li>
                <li><a href="" id="app">下载app</a></li>
                <li></li>
                <li><a href="">智能生活</a></li>
                <li></li>
                <li><a href="">Select Location</a></li>
            </ul>
            <ul class="fl-r fr">
                <li><a href="login.html">登陆</a></li>
                <li></li>
                <li><a href="reg.html">注册</a></li>
                <li></li>
                <li><a href="">消息通知</a></li>
                <li></li>
                <li class="shopping"><a href="cart.html" id="shopcar">购物车&nbsp(0)</a></li>
            </ul>
            <div id="QR">
                <div><img src="images/QR.PNG"></div>
                <div>小米商城App</div>
            </div>
            <div id="shopcar-cont">购物车中还没有商品,赶紧选购吧</div>
        </div>
    </nav>
    <!-- 搜索栏开始 -->
    <div class="header-top-middle">
        <div class="box-cont">
            <div id="logo-box" title="小米首页">
                <div id="logobox" class="logo fl">
                    <img class="fl" id="logo" src="images/logo.PNG">
                    <img class="fl" src="images/logo2.PNG">
                </div>
            </div>
            <div class="nav-cont">
                <ul class="fl">
                    <li><a href="">小米手机</a></li>
                    <li><a href="">Redmi&nbsp;红米</a></li>
                    <li><a href="">电视</a></li>
                    <li><a href="">笔记本</a></li>
                    <li><a href="">家电</a></li>
                    <li><a href="">路由器</a></li>
                    <li><a href="commdity.html" style="color: red">商品展示</a></li>
                    <li><a href="question.html" style="color: red">MIUI测试题</a></li>
                </ul>
            </div>
            <div class="search fl">
                <input class="search-r fl" type="text" placeholder="红米10"/>
                <button type="button" class="btn fl"></button>
            </div>
        </div>
    </div>
    <!-- 幻灯片开始-->
    <div class="slide-box">
        <div class="box-cont ib-cont">
            <div class="slide">
                <div id="img-group" class="img-group">
                    <a href=""><img src="images/hdp1.jpg " alt=""></a>
                    <a href=""><img src="images/lb2.jpg" alt=""></a>
                    <a href=""><img src="images/lb3.jpg" alt=""></a>
                    <a href=""><img src="images/lb4.jpg" alt=""></a>
                </div>
                <div id="btn-group" class="btn-group">
                    <div id="btn1"></div>
                    <div id="btn2"></div>
                    <div id="btn3"></div>
                    <div id="btn4"></div>
                </div>
                <div id="btn-l"></div>
                <div id="btn-r"></div>
            </div>
            <div class="nav-l">
                <ul>
                    <li><a href="">手机&nbsp;电话卡</a></li>
                    <li><a href="">电视&nbsp;盒子</a></li>
                    <li><a href="">笔记本&nbsp;显示器</a></li>
                    <li><a href="">家电&nbsp;插线板</a></li>
                    <li><a href="">出行&nbsp;穿戴</a></li>
                    <li><a href="">智能&nbsp;路由器</a></li>
                    <li><a href="">电源&nbsp;配件</a></li>
                    <li><a href="">健康&nbsp;儿童</a></li>
                    <li><a href="">耳机&nbsp;音箱</a></li>
                    <li><a href="">生活&nbsp;箱包</a></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 矢量图标导航开始 -->
    <div class="first-box">
        <div class="box-cont clearfix">
            <div class="V-icon fl">
                <a href=""><p></p>小米秒杀</a>
                <a href=""><p></p>企业团购</a>
                <a href=""><p></p>F码通道</a>
                <a href=""><p></p>米粉卡</a>
                <a href=""><p></p>以旧换新</a>
                <a href=""><p></p>话费充值</a>
            </div>
            <div class="img-right fl">
                <a href=""><img src="images/nav1.jpg" alt=""></a>
                <a href=""><img src="images/nav2.jpg" alt=""></a>
                <a href=""><img src="images/nav3.jpg" alt=""></a>
            </div>
        </div>
    </div>
    </header>
    <!-- 内容开始	 -->
    <section>
        <!-- 米闪购 -->
        <div class="msg box-cont">
            <div class="msg-top">
                <div class="fl" style="font-size: 25px; height: 50px;line-height: 40px;">小米闪购</div>
                <div class="fr">
                    <button id="msg-l"></button>
                    <button id="msg-r"></button>
                </div>
            </div>
            <div class="msg-l fl"><div id="mi-countdown">
                <p>限时秒杀</p>
                <img src="images/a1.jpg"
                     alt="" width="34" height="53">
                <span>距离结束还有</span>
                <section>
                    <div id="hour">1277</div>
                    <div id="minute">50</div>
                    <div id="second">04</div>
                </section>
            </div></div>
            <div class="msg-r-box fr">
                <div class="msg-box fl" id="msg2">
                    <div class="msg-r fl">
                        <div><a href=""><img src="images/图层1.png"></a></div>
                        <div><a href=""><img src="images/图层2.png"></a></div>
                        <div><a href=""><img src="images/图层3.png"></a></div>
                        <div><a href=""><img src="images/图层4.png"></a></div>
                    </div>
                    <div class="msg-rr fl">
                        <div><a href=""><img src="images/图层5.png"></a></div>
                        <div><a href=""><img src="images/图层6.png"></a></div>
                        <div><a href=""><img src="images/图层7.png"></a></div>
                        <div><a href=""><img src="images/图层8.png"></a></div>
                    </div>
                </div>
            </div>

        </div>
        <!-- 手机分类 -->
        <div class="img-TV box-cont">
            <div class="nav-tv"><img src="images/sjtop.jpg" style="width: 100%;height: 100%; margin: 40px auto;"></div>
        </div>
        <div class="box-cont phone">
            <div class="phone-nav clearfix">
                <div class="fl" style="color: #000000;">手机</div>
                <div class="fr"><a href="">查看全部</a></div>
            </div>
            <div class="img-phone">
                <div class="phone-l fl">
                    <img src="images/item/sj.jpg">
                </div>
                <div class="phone-r fr">
                    <div class="list-item">
                        <img src="images/item/sj1.jpg" name="images/item/sj11.jpg">
                        <p class="phoneName">小米10至尊版</p>
                        <p class="phoneSex">120X变焦/120w秒冲/120Hz屏幕</p>
                        <p class="phoneMoney" title="5299" a>5299元起</p>
                    </div>
                    <div class="list-item">
                        <img src="images/item/sj2.jpg" name="images/item/sj21.jpg">
                        <p class="phoneName">RedK30S&nbsp;至尊纪念版</p>
                        <p class="phoneSex">120X变焦/120w秒冲/120Hz屏幕</p>
                        <p class="phoneMoney" title="2599">2599元起</p>
                    </div>
                    <div class="list-item">
                        <img src="images/item/sj4.jpg" name="images/item/sj41.jpg">
                        <p class="phoneName">腾讯黑鲨3</p>
                        <p class="phoneSex">120X变焦/120w秒冲/120Hz屏幕</p>
                        <p class="phoneMoney" title="1999">1999元起</p>
                    </div>
                    <div class="list-item">
                        <img src="images/item/sj5.jpg" name="images/item/sj31.jpg">
                        <p class="phoneName">Red&nbsp;mi&nbsp;9A</p>
                        <p class="phoneSex">120X变焦/120w秒冲/120Hz屏幕</p>
                        <p class="phoneMoney" title="3699">3699元起</p>
                    </div>
                    <div class="list-item">
                        <img src="images/item/sj3.jpg" name="images/item/sj51.jpg">
                        <p class="phoneName">小米10&nbsp;青春版&nbsp;5</p>
                        <p class="phoneSex">120X变焦/120w秒冲/120Hz屏幕</p>
                        <p class="phoneMoney" title="599">599元起</p>
                    </div>
                    <div class="list-item">
                        <img src="images/item/sj6.jpg" name="images/item/sj61.jpg">
                        <p class="phoneName">小米10至尊版</p>
                        <p class="phoneSex">120X变焦/120w秒冲/120Hz屏幕</p>
                        <p class="phoneMoney" title="1999">1999元起</p>
                    </div>
                    <div class="list-item">
                        <img src="images/item/sj7.jpg" name="images/item/sj71.jpg">
                        <p class="phoneName">小米10</p>
                        <p class="phoneSex">120X变焦/120w秒冲/120Hz屏幕</p>
                        <p class="phoneMoney" title="3799">3799元起</p>
                    </div>
                    <div class="list-item">
                        <img src="images/item/sj8.jpg" name="images/item/sj81.jpg">
                        <p class="phoneName">Red &nbsp;mi&nbsp;K30&nbsp;Pro</p>
                        <p class="phoneSex">120X变焦/120w秒冲/120Hz屏幕</p>
                        <p class="phoneMoney" title="2999">2999元起</p>
                    </div>
                </div>
            </div>
            <!-- 家电分类 -->
            <div class="img-TV box-cont">
                <div class="nav-tv"><img src="images/item/tv.jpg" style="width: 100%;height: 100%; margin: 40px auto;">
                </div>
            </div>

            <div class="box-cont phone">
                <div class="phone-nav clearfix">
                    <div class="fl" style="color: #000000;">家电</div>
                    <div class="fr"><a href="">查看全部</a></div>
                </div>
                <div class="img-phone">
                    <div class="phone-l fl">
                        <img src="images/item/tv2.jpg" style="width: 230px;height: 330px;">
                        <img src="images/item/tv1.jpg" style="width: 230px;height: 330px;margin-top:20px ;">
                    </div>
                    <div class="phone-r fr">
                        <div class="list-item">
                            <img src="images/item/tv3.jpg" name="images/item/tv31.jpg">
                            <p class="phoneName">Red&nbsp;mi红米电视&nbsp;70英寸</p>
                            <p class="phoneSex">70K英寸，震撼巨屏，细腻如真</p>
                            <p class="phoneMoney" title="3199">3199元起</p>
                        </div>
                        <div class="list-item">
                            <img src="images/item/tv4.jpg" name="images/item/tv41.jpg">
                            <p class="phoneName">小米全面屏电视E32C</p>
                            <p class="phoneSex">全面屏设计，人工智能系统</p>
                            <p class="phoneMoney" title="899">899元起</p>
                        </div>
                        <div class="list-item">
                            <img src="images/item/tv5.jpg" name="images/item/tv51.jpg">
                            <p class="phoneName">小米全面屏电视E55A</p>
                            <p class="phoneSex">全面屏设计，人工智能语言</p>
                            <p class="phoneMoney" title="1499">1499元起</p>
                        </div>
                        <div class="list-item">
                            <img src="images/item/tv6.jpg" name="images/item/tv61.jpg">
                            <p class="phoneName">米家互联网洗烘一体机</p>
                            <p class="phoneSex">智能，省时省力</p>
                            <p class="phoneMoney" title="2999">2999元起</p>
                        </div>
                        <div class="list-item">
                            <img src="images/item/tv7.jpg" name="images/item/tv71.jpg">
                            <p class="phoneName">米家空调5</p>
                            <p class="phoneSex">出众静音，快速制冷热</p>
                            <p class="phoneMoney" title="1499">1499元起</p>
                        </div>
                        <div class="list-item">
                            <img src="images/item/tv8.jpg" name="images/item/tv81.jpg">
                            <p class="phoneName">Red&nbsp;mi全自动波轮洗衣机</p>
                            <p class="phoneSex">一键操作，父母都爱用</p>
                            <p class="phoneMoney" title="1999">1999元起</p>
                        </div>
                        <div class="list-item">
                            <img src="images/item/tv9.jpg" name="images/item/tv91.jpg">
                            <p class="phoneName">Redmi G 游戏本</p>
                            <p class="phoneSex">不受流行的掌控，每一种体验都为你带来娱乐无限</p>
                            <p class="phoneMoney" title="4899">4899元起</p>
                        </div>
                        <div class="list-item">
                            <img src="images/item/tv10.jpg" name="images/item/tv101.jpg">
                            <p class="phoneName">Pro 15.6" 2020款</p>
                            <p class="phoneSex">全新第十代英特尔酷睿处理器</p>
                            <p class="phoneMoney" title="2999">2999元起</p>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 智能分类 -->
            <div class="img-TV box-cont">
                <div class="nav-tv"><img src="images/zntop.jpg" style="width: 100%;height: 100%; margin: 40px auto;">
                </div>
            </div>
            <div class="box-cont phone">
                <div class="phone-nav clearfix">
                    <div class="fl" style="color: #000000;">智能</div>
                    <div class="fr"><a href="">查看全部</a></div>
                </div>
                <div class="img-phone">
                    <div class="phone-l fl">
                        <img src="images/item/zn1.jpg" style="width: 230px;height: 330px;">
                        <img src="images/item/zn2.jpg" style="width: 230px;height: 330px;margin-top:20px ;">
                    </div>
                    <div class="phone-r fr">
                        <div class="list-item">
                            <img src="images/item/zn3.jpg" name="images/item/zn31.jpg">
                            <p class="phoneName">小爱老师 4G网络尊享版</p>
                            <p class="phoneSex">70K英寸，震撼巨屏，细腻如真</p>
                            <p class="phoneMoney" title="3199">3199元起</p>
                        </div>
                        <div class="list-item">
                            <img src="images/item/zn4.jpg" name="images/item/zn41.jpg">
                            <p class="phoneName">小米智能门锁 E</p>
                            <p class="phoneSex">6种开锁方式丨防插安全锁体</p>
                            <p class="phoneMoney" title="899">899元起</p>
                        </div>
                        <div class="list-item">
                            <img src="images/item/zn5.jpg" name="images/item/zn51.jpg">
                            <p class="phoneName">小米小爱音箱 Play</p>
                            <p class="phoneSex"> 人工智能语音对话</p>
                            <p class="phoneMoney" title="89">89元</p>
                        </div>
                        <div class="list-item">
                            <img src="images/item/zn6.jpg" name="images/item/zn61.jpg">
                            <p class="phoneName">小爱音箱万能遥控版</p>
                            <p class="phoneSex">一句话遥控传统家电</p>
                            <p class="phoneMoney" title="149">149 </p>
                        </div>
                        <div class="list-item">
                            <img src="images/item/zn7.jpg" name="images/item/zn71.jpg">
                            <p class="phoneName">米家智能窗帘</p>
                            <p class="phoneSex">多种智能开合方式</p>
                            <p class="phoneMoney" title="799">799元</p>
                        </div>
                        <div class="list-item">
                            <img src="images/item/zn8.jpg" name="images/item/zn81.jpg">
                            <p class="phoneName">米家电饭煲4L</p>
                            <p class="phoneSex"> 智能加热曲线 / 2.0mm 厚质锅胆</p>
                            <p class="phoneMoney" title="249">249元起</p>
                        </div>
                        <div class="list-item">
                            <img src="images/item/zn9.jpg" name="images/item/zn91.jpg">
                            <p class="phoneName">小米体脂秤2</p>
                            <p class="phoneSex">G字型传感器 / 高精准BIA芯片</p>
                            <p class="phoneMoney" title="94">94元起</p>
                        </div>
                        <div class="list-item">
                            <div style="width: 230px;height: 155px;"><img src="images/jd01.png"></div>
                            <div style="width: 230px;height: 155px;margin-top: 20px;"><img src="images/jd02.png"></div>
                        </div>
                    </div>
                </div>
            </div>
    </section>
    <div class="hot">
        <div class="title">
            <h2>热评产品</h2>
        </div>
        <ul class="doubleList">
            <li>
                <img src="images/hot/1.jpg" alt="">
                <div class="comment">
                    <p>好评!!好评!!好评!!好评!!好评!!好评!!好评!!好评!!好评!!好评评!!好评!!好评!!好评!!好评!!好评!!好评!!</p>
                    <p>来自 客户 的评价</p>
                    <p>小米净水器 | <span>149元</span></p>
                </div>
            </li>
            <li>
                <img src="images/hot/2.jpg" alt="">
                <div class="comment">
                    <p>包装很让人感动包装很让人感动包装很让人感动包装很让人包装很让人感动包装很让人感动包装很让人感动包装很让人感动</p>
                    <p>来自 HZG 的评价</p>
                    <p>米家压力IH电饭锅 | <span>999元</span></p>
                </div>
            </li>
            <li>
                <img src="images/hot/3.jpg" alt="">
                <div class="comment">
                    <p>好评!!好评!!好评!!好评!!好评!!好评!!好评!!好评!!好评!!好评!!</p>
                    <p>来自 客户 的评价</p>
                    <p>小米90分旅行箱 | <span>249元</span></p>
                </div>
            </li>
            <li>
                <img src="images/hot/4.jpg" alt="">
                <div class="comment">
                    <p>样子可爱样子可爱样子可爱样子可爱样子可爱样子可爱样子可爱样子可爱可爱样子可爱样子可爱</p>
                    <p>来自 随风 的评价</p>
                    <p>米家小白智能摄像机 | <span>399元</span></p>
                </div>
            </li>
        </ul>
    </div>
    <!--内容部分-->
    <div class="content">
        <div class="title">
            <h2>内容</h2>
        </div>
        <ul class="doubleList">
            <li>
                <h5>图书</h5>
                <h6>哈利波特与混血王子</h6>
                <p>哈利波特第八个故事中文版震撼来<br>袭!特变彩排剧本</p>
                <span>29.37元</span>
                <img src="images/content/1.png" alt="">
                <div class="dot">
                    <span></span><span></span><span></span>
                </div>
            </li>
            <li>
                <h5>MIUI 主题</h5>
                <h6>我心澎湃</h6>
                <p>小米松果芯片即将发布,我心澎湃官<br>方主题强劲登场!</p>
                <span>0米币</span>
                <img src="images/content/2.jpg" alt="">
                <div class="dot">
                    <span></span><span></span><span></span><span></span>
                </div>
            </li>
            <li>
                <h5>游戏</h5>
                <h6>米柚手游模拟器</h6>
                <p>在电脑上玩遍小米所有手游</p>
                <span>免费</span>
                <img src="images/content/3.png" alt="">
                <div class="dot">
                    <span></span><span></span><span></span><span></span>
                </div>
            </li>
            <li>
                <h5>应用</h5>
                <h6>2017金米奖</h6>
                <p>最优秀的应用和游戏</p>
                <span></span>
                <img src="images/content/4.png" alt="">
                <div class="dot">
                    <span></span><span></span><span></span><span></span>
                </div>
            </li>
        </ul>
    </div>
    <footer>
        <div class="box-cont">
            <div class="footer-top clearfix">
                <ul>
                    <li><a href="">预约维修服务</a></li>
                    <li></li>
                    <li><a href="">⑦7天无理由退货</a></li>
                    <li></li>
                    <li><a href="">15天免费换货</a></li>
                    <li></li>
                    <li><a href="">满99元包邮</a></li>
                    <li></li>
                    <li><a href="">500余家售后网点</a></li>
                </ul>

                <div class="help fl">
                    <table border="0" class="table">
                        <tr>
                            <th>帮助中心</th>
                            <th>服务支持</th>
                            <th>线下门店</th>
                            <th>关于小米</th>
                            <th>关注我们</th>
                            <th>特色服务</th>
                        </tr>
                        <tr>
                            <td><a href="">账户管理</a></td>
                            <td><a href="">售后政策</a></td>
                            <td><a href="">小米之家</a></td>
                            <td><a href="">了解小米</a></td>
                            <td><a href="">新浪微博</a></td>
                            <td><a href="">F码通道</a></td>
                        </tr>
                        <tr>
                            <td><a href="">购物指南</a></td>
                            <td><a href="">自助服务</a></td>
                            <td><a href="">服务网点</a></td>
                            <td><a href="">加入小米</a></td>
                            <td><a href="">官方微信</a></td>
                            <td><a href="">礼物码</a></td>
                        </tr>
                        <tr>
                            <td><a href="">订单操作</a></td>
                            <td><a href="">相关下载</a></td>
                            <td><a href="">授权体验店</a></td>
                            <td><a href="">投资者关系</a></td>
                            <td><a href="">联系我们</a></td>
                            <td><a href="">防伪查询</a></td>
                        </tr>
                        <tr>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td><a href="">企业社会责任</a></td>
                            <td><a href="">公益基金会</a></td>
                            <td></td>
                        </tr>
                        <tr>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td><a href="">廉洁举报</a></td>
                            <td></td>
                            <td></td>
                        </tr>
                    </table>
                </div>
                <div class="fr rr">
                    <h4 style="font-size: 30px;color: #FF0000;">400-100-5678</h4>
                    <p>8:00-18:00（仅收市话费)</p>
                    <a class="kf">人工客服</a>
                    <p>关注小米</p>
                </div>


            </div>
        </div>
        <div class="footer-bottom">
            <div class="box-cont">
                <img src="images/logo.PNG" class="fl">
                <div class="fl">
                    <p class="foot-nav">
                        <a href="">小米商城</a>
                        |<a href="">MIUI </a>
                        |<a href="">米家</a>
                        |<a href="">多看 </a>
                        |<a href="">米聊</a>
                        |<a href="">游戏</a>
                        |<a href="">政企服务</a>
                        |<a href="">小米天猫店</a>
                        |<a href="">小米集团隐私政策</a>
                        |<a href="">小米公司儿童信息保护规则</a>
                        |<a href="">小米商城隐私政策</a>
                        |<a href="">小米商城用户协议</a>
                        |<a href="">问题反馈</a>
                        |<a href="">Select Location</a>
                    </p>
                    <p>
                        <a href="">© mi.com </a>
                        <a href="">京ICP证110507号</a>
                        <a href="">京ICP备10046444号</a>
                        <a href="">京公网安备11010802020134号</a>
                        <a href="">京网文[2020]0276-042号</a>
                    </p>
                    <p>
                        <a href="">（京）网械平台备字（2018）第00005号</a>
                        <a href="">互联网药品信息服务资格证 </a>
                        <a href="">(京)-非经营性-2014-0090</a>
                        <a href="">营业执照</a>
                        <a href="">医疗器械质量公告</a>
                    </p>
                    <p>
                        <a href="">增值电信业务许可证</a>
                        <a href="">网络食品经营备案</a>
                        <a href="">京食药网食备202010048</a>
                        <a href=""></a>
                    </p>
                    <p>
                        <a href="">违法和不良信息举报电话：171-5104-4404 </a>
                        <a href="">知识产权侵权投诉</a>
                        <a href="">本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</a>
                    </p>
                </div>
                <div class="img-TV box-cont">
                    <a href="">
                        <div class="nav-tv"><img src="images/footer.PNG"
                                                 style="width: 100%;height: 100%; margin: 40px auto;"></div>
                    </a>
                </div>
            </div>
        </div>

    </footer>
</div>

<!-- 返回顶部小火箭 -->
<div class="actGotop"><a href="javascript:;" title="Top"></a></div>
<script src="js/index.js"></script>
</body>

<script src="images/item/jquery-1.12.4.js"></script>
<script>
    $(function () {
        $(window).scroll(function () {
            if ($(window).scrollTop() >= 500) {
                $(".actGotop").stop().fadeIn(800)
            } else {
                $(".actGotop").stop().fadeOut(800)
            }
            console.log($(window).scrollTop())
        })
        $(".actGotop").click(function () {
            $("html").stop().animate({scrollTop: 0}, 2000)
        })
    })
    var hour = document.getElementById("hour");
    var minute = document.getElementById("minute");
    var second = document.getElementById("second");
    function daojishi() {
        let date = new Date(2020, 12, 20);
        let c = date - Date.now();
        let second = parseInt(c / 1000);
        let s = second % 60;
        let m = parseInt(second / 60) % 60;
        let h = parseInt(second / 3600);
        hour.innerHTML=h+"时";
        minute.innerHTML=m+"分";
        second.innerHTML=s+"秒";
        if (h < 10) {
            $('#hour').html('0' + h)
        }
        if (m < 10) {
            $('#minute').html('0' + m)
        }
        if (s < 10) {
            $('#second').html('0' + s)
        }
    }
    setInterval(daojishi,1000);
</script>
</html>
